<template>
  <div class="topHundred">
    <p>品牌TOP100周榜</p>
    <img src="../../assets/images/brandTrophy.png" alt="" />
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {},
};
</script>

<style lang="less" scoped>
.topHundred {
  margin-top: 84px;
  width: 100%;
  height: 158px;
  background: url(../../assets/images/brandTopback.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  p {
    width: 100%;
    height: 38px;
    line-height: 38px;
    font-size: 40px;
    font-weight: bold;
    color: #ffffff;
    padding: 63px 42px;
  }
  img {
    width: 164px;
    height: 182px;
    position: absolute;
    right: 93px;
    bottom: 22px;
  }
}
</style>
